草庐IT

Element Ui

全部标签

【vue2】近期bug收集与整理02

⭐【前言】在使用vue2构建页面时候,博主遇到的问题难点以及最终的解决方案。🥳博主:初映CY的前说(前端领域)🤘本文核心:博主遇到的问题与解决思路目录⭐数据枚举文件的使用⭐elementUI中分页组件使用的注意事项⭐v-html标签的作用⭐elementUI下拉框必须v-model进行双向绑定⭐组件封装传值的思想⭐数据枚举文件的使用同后端那边发送请求的时,请求返回过来的是数字等,有时我们实际页面上渲染的不是数字。这需要怎么处理呢?写一个枚举的映射文件就可以解决。我们发送完成请求并且拿到响应结果后将这个数据放进枚举文件中进行映射。举个例子:后端发送的是:xxxx:0,我需要将0对应的值转化成我们

【vue2】近期bug收集与整理02

⭐【前言】在使用vue2构建页面时候,博主遇到的问题难点以及最终的解决方案。🥳博主:初映CY的前说(前端领域)🤘本文核心:博主遇到的问题与解决思路目录⭐数据枚举文件的使用⭐elementUI中分页组件使用的注意事项⭐v-html标签的作用⭐elementUI下拉框必须v-model进行双向绑定⭐组件封装传值的思想⭐数据枚举文件的使用同后端那边发送请求的时,请求返回过来的是数字等,有时我们实际页面上渲染的不是数字。这需要怎么处理呢?写一个枚举的映射文件就可以解决。我们发送完成请求并且拿到响应结果后将这个数据放进枚举文件中进行映射。举个例子:后端发送的是:xxxx:0,我需要将0对应的值转化成我们

Vue项目中实现ElementUI按需引入

🐱个人主页:不叫猫先生🙋‍♂️作者简介:2022年度博客之星前端领域TOP2,前端领域优质作者、阿里云专家博主,专注于前端各领域技术,共同学习共同进步,一起加油呀!💫优质专栏:vue3从入门到精通、TypeScript从入门到实践📢资料领取:前端进阶资料可以找我免费领取🔥摸鱼学习交流:我们的宗旨是在工作中摸鱼,摸鱼中进步,期待大佬一起来摸鱼(文末有我wx或者私信)。目录前言按需引入一、误区二、正确手法1、安装插件2、更改`.babelrc`配置3、新建`auto-import-elementUI.js`文件,注册需要用到的组件4、main.js引入前言为了减小项目打包体积,提高项目性能,对El

解决 Element-ui 按钮点击放开后 不会自动失焦 仍是悬停样式

问题:element-ui的按钮点击鼠标左键并放开后,不会自动失焦,仍是和鼠标放上面但是不按是同一个样式,还要点一下其他空白地方才能变得正常,和我平时看见的不太一样,十分不喜欢。 十分不喜欢第4状态样式,4居然和第2状态样式一样,我想让第4状态和第1状态样式一样! ​​​​​        从网上借鉴过很多方法,但是都没有效果,今天我自己找方法!想看直接看解决方案,可以拉到第三部分,不过建议全文看完,反正也不是很长。原因:CSS样式中,按钮可以分为4种状态(其实还有别的,主要针对这个问题)为了方便理解,我们可以使用浏览器的开发者工具(F12)查看这个按钮的styles1.默认状态:鼠标没在上面

解决 Element-ui 按钮点击放开后 不会自动失焦 仍是悬停样式

问题:element-ui的按钮点击鼠标左键并放开后,不会自动失焦,仍是和鼠标放上面但是不按是同一个样式,还要点一下其他空白地方才能变得正常,和我平时看见的不太一样,十分不喜欢。 十分不喜欢第4状态样式,4居然和第2状态样式一样,我想让第4状态和第1状态样式一样! ​​​​​        从网上借鉴过很多方法,但是都没有效果,今天我自己找方法!想看直接看解决方案,可以拉到第三部分,不过建议全文看完,反正也不是很长。原因:CSS样式中,按钮可以分为4种状态(其实还有别的,主要针对这个问题)为了方便理解,我们可以使用浏览器的开发者工具(F12)查看这个按钮的styles1.默认状态:鼠标没在上面

鸿鹄工程项目管理系统 Spring Cloud+Spring Boot+Mybatis+Vue+ElementUI+前后端分离构建工程项目管理系统

  鸿鹄工程项目管理系统SpringCloud+SpringBoot+Mybatis+Vue+ElementUI+前后端分离构建工程项目管理系统1.项目背景一、随着公司的快速发展,企业人员和经营规模不断壮大。为了提高工程管理效率、减轻劳动强度、提高信息处理速度和准确性,公司对内部工程管理的提升提出了更高的要求。二、企业通过数字化转型,不仅有利于优化业务流程、提升经营管理能力和风险控制能力,还可强有力地促进企业体制机制的全面创新。三、以数据要素为核心,协同创新加快企业数字化转型、优化资源配置效率,是数字经济时代提升企业市场竞争力和价值创造能力的关键所在。四、在企业里建立一个管过程、提效率、降风险

基于elementui的工作日,休息日的日历组件

基于elementui的工作日,休息日的日历组件功能要求DatePicker日期选择器国际化周六,周日所在列背景颜色修改添加节假日,工作日代码功能要求在这里插入图片描述,如图要求做一个可以显示休息日和工作日的组件。我基于element-ui已有的组件进行修改。DatePicker日期选择器以”日“为基本单位,基础的日期选择控件。国际化使用element-ui的国际化功能将星期一到星期日设置为中文在vue组件里面引入el-date-picker得到中文配置的容=日期选择器周六,周日所在列背景颜色修改打开控制台查看周一到周日的样式然后我们修改组件的样式得到如图效果:添加节假日,工作日使用eleme

前端vue+element使用SM4国密加密解密

由于项目涉及支付相关功能,因此就需要对前端的用户输入密码铭文,进行加密处理,采用的方法是SM4国密加密算法来处理,各种相关教程找了一大圈,大多数缺胳膊少腿的,最后花了点时间找到了处理方案。自行选择哪一种方法均可。下面记录一下实现方案,项目环境:vue2+element进行开发,看懂了下文,其他框架使用该功能,也是同理了。国密扩展了解概述1.SM算法国密即国家密码局认定的国产密码算法。主要有SM1,SM2,SM3,SM4。密钥长度和分组长度均为128位。SM1为对称加密。其加密强度与AES相当。该算法不公开,调用该算法时,需要通过加密芯片的接口进行调用。SM2为非对称加密,基于ECC。该算法已公

前端vue+element使用SM4国密加密解密

由于项目涉及支付相关功能,因此就需要对前端的用户输入密码铭文,进行加密处理,采用的方法是SM4国密加密算法来处理,各种相关教程找了一大圈,大多数缺胳膊少腿的,最后花了点时间找到了处理方案。自行选择哪一种方法均可。下面记录一下实现方案,项目环境:vue2+element进行开发,看懂了下文,其他框架使用该功能,也是同理了。国密扩展了解概述1.SM算法国密即国家密码局认定的国产密码算法。主要有SM1,SM2,SM3,SM4。密钥长度和分组长度均为128位。SM1为对称加密。其加密强度与AES相当。该算法不公开,调用该算法时,需要通过加密芯片的接口进行调用。SM2为非对称加密,基于ECC。该算法已公

vue使用element表单出现自动验证问题

本文章解决本人项目中使用form表单大坑问题(希望对遇到同样问题的你们有帮助)在项目中用到了el-form组件,用这个组件的好处就是我们不用单独去做表单的校验,也省了一堆if条件判断。为了有好的封装性和复用性,在项目中往往会对form进行组件的封装,实现多个组件的功能使用,实现编辑和添加信息,等等。在使用form中容易踩坑。问题场景:  表单打开自动校验问题描述:1.封装form组件,多个组件使用,多个按钮使用2.对多个按钮使用同一表单进行验证时,每次打开表单会自动验证的问题,自动出现红色字体3.输入框获取焦点,再次失去焦点,切换选项时,表单验证红色字体依然存在遇见的问题如下:form常用方法